<template>
   <img :src="url" alt="" class="img-container" :style="{
       width:size+'px',
       height:size+'px'
   }"/>
</template>

<script>
export default {
 name:'Avatar',
 props:{
     url:{
         type:String,
         require:true
     },
     size:{
         type:Number,
         default:100
     }
 }
}
</script>

<style scoped>
.img-container{
    border-radius:50%;
    display:block;
}
</style>